@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gurajada&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 17px;
}
* a {
  text-decoration: none;
}

body {
  font-family: "Cabin", sans-serif;
}

h1 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 35px;
}

h2 {
  font-family: "Nunito", sans-serif;
  font-size: 30px;
  font-weight: 800;
}

h3 {
  font-family: "Nunito", sans-serif;
  font-size: 30px;
  font-weight: 800;
}

h4 {
  font-family: "Nunito", sans-serif;
  font-size: 30px;
  font-weight: 800;
}

h5 {
  font-family: "Nunito", sans-serif;
  font-size: 30px;
  font-weight: 800;
}

h6 {
  font-family: "Nunito", sans-serif;
  font-size: 30px;
  font-weight: 800;
}

p {
  font-weight: 400;
  font-size: 17px;
}

.mt-100 {
  padding-top: 100px;
}

.btn-azul {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.btn-azul:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.btn-azul {
  background-color: #89c9de;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 20px;
}

.btn-verde {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.btn-verde:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.btn-verde {
  background-color: #a9d883;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 12px 30px;
}

.btn-naranja {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.btn-naranja:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.btn-naranja {
  background-color: #edd378;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 30px;
}

header {
  width: 100%;
  position: fixed;
  margin-top: 30px;
  color: #000000;
  z-index: 99;
}

nav {
  max-width: 1140px;
  margin: auto;
  background-color: #ffffff;
  border-radius: 20px;
}

.nav-link {
  transition: transform 0.2s;
}
.nav-link:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}

.logo {
  padding-left: 20px;
}
.logo img {
  max-width: 150px;
}

.visita {
  background-color: #fea5a5;
  border-radius: 1000px;
  padding: 10px 30px;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
}

.reserva {
  position: fixed;
  z-index: 2;
  justify-content: center;
}
.reserva img {
  max-width: 80px;
}
.reserva {
  right: 5px;
  bottom: 5px;
}

footer {
  color: #ffffff;
  background-color: #89c9de;
  padding-top: 30px;
}
footer img {
  width: 125px;
}
footer span {
  font-weight: bolder;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 10px;
}
footer a {
  color: #ffffff;
}
footer .copy {
  padding: 10px 0px;
  text-align: center;
  background-color: #62bddb;
}
footer .copy span {
  font-weight: normal;
  font-size: 15px;
}
footer .btn-verde {
  background-color: #25d366;
  transition: transform 0.2s;
}
footer .btn-verde:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}

.banner {
  background-image: url("../img/home/Header.webp");
  min-height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff !important;
}
.banner .banner-text {
  margin-top: 150px;
}
.banner .btn-visita {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.banner .btn-visita:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.banner .btn-visita {
  background-color: #fea5a5;
  padding: 10px 100px;
}
@media (max-width: 769px) {
  .banner .btn-visita {
    padding: 10px 30px;
  }
}
.banner .btn-prop {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.banner .btn-prop:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.banner .btn-prop {
  background-color: #89c9de;
  padding: 10px 20px;
}
.banner .btn-whats {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.banner .btn-whats:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.banner .btn-whats {
  background-color: #25d366;
  padding: 10px 20px;
}

.banner-2 {
  background-image: url("../img/propuesta/header-2.webp");
  min-height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff !important;
}
.banner-2 .banner-text {
  margin-top: 100px;
}
.banner-2 .banner-text span {
  font-size: 17px;
  font-weight: 400;
}
.banner-2 .btn-whats {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.banner-2 .btn-whats:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.banner-2 .btn-whats {
  background-color: #25d366;
  padding: 10px 20px;
}

.banner-3 {
  background-image: url("../img/niveles/header-2.webp");
  min-height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff !important;
}
.banner-3 .banner-text {
  margin-top: 100px;
}
.banner-3 .banner-text span {
  font-size: 17px;
  font-weight: 400;
}
.banner-3 .btn-whats {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.banner-3 .btn-whats:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.banner-3 .btn-whats {
  background-color: #25d366;
  padding: 10px 20px;
}

.avion {
  width: 180px;
  margin-left: auto;
  margin-bottom: -110px;
  z-index: 98;
  margin-right: -30px;
}
@media (max-width: 426px) {
  .avion {
    margin-right: 0px;
  }
}

.card {
  background-color: #faf5f3;
  border: none;
  border-radius: 20px;
  padding: 25px;
  height: 100%;
}
.card img {
  max-width: 70px;
}
.card span {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  margin-top: 10px;
}
.card p {
  font-size: 16px;
}

.hr1 hr {
  width: 70px;
  border: 1px solid;
  opacity: 1;
}
.hr1 .bot {
  margin-top: auto;
  border-radius: 100px;
  padding: 5px 20px;
  font-weight: bolder;
  width: -moz-fit-content;
  width: fit-content;
}
.hr1 hr {
  color: #a9d883;
}
.hr1 .bot {
  color: #000000;
  background-color: #a9d883;
}

.hr2 hr {
  width: 70px;
  border: 1px solid;
  opacity: 1;
}
.hr2 .bot {
  margin-top: auto;
  border-radius: 100px;
  padding: 5px 20px;
  font-weight: bolder;
  width: -moz-fit-content;
  width: fit-content;
}
.hr2 hr {
  color: #89c9de;
}
.hr2 .bot {
  color: #ffffff;
  background-color: #89c9de;
}

.hr3 hr {
  width: 70px;
  border: 1px solid;
  opacity: 1;
}
.hr3 .bot {
  margin-top: auto;
  border-radius: 100px;
  padding: 5px 20px;
  font-weight: bolder;
  width: -moz-fit-content;
  width: fit-content;
}
.hr3 hr {
  color: #fea5a5;
}
.hr3 .bot {
  color: #ffffff;
  background-color: #fea5a5;
}

.legos {
  width: 150px;
  height: 120px;
  margin-top: -150px;
}

.niveles {
  background-image: url("../img/backgroun_verde.webp");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 100px;
  padding-top: 100px;
}
.niveles h3 {
  color: #ffffff;
}
@media (max-width: 1025px) {
  .niveles {
    background-size: 1200px 500px;
  }
}
@media (max-width: 769px) {
  .niveles {
    background-size: 1000px 500px;
  }
}
@media (max-width: 426px) {
  .niveles {
    background-size: 1000px 500px;
  }
}

.cuna {
  background-color: #faf5f3;
  border: none;
  text-align: center;
  height: 100%;
}
.cuna img {
  width: 100%;
}
.cuna {
  border-radius: 43px;
}
.cuna .nivel {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 20px;
  display: inline-block;
}
.cuna .edad {
  font-weight: bold;
  display: inline-block;
}
.cuna p {
  font-size: 16px;
  margin-top: 20px;
  min-height: 125px;
}
@media (max-width: 426px) {
  .cuna p {
    min-height: 80px;
  }
}
.cuna a {
  border-radius: 100px;
  padding: 12px 12px;
  display: inline-flex;
  align-items: center;
}
.cuna .edad {
  color: #fea5a5;
}
.cuna a {
  background-color: #fea5a5;
}

.medio {
  background-color: #faf5f3;
  border: none;
  text-align: center;
  height: 100%;
}
.medio img {
  width: 100%;
}
.medio {
  border-radius: 43px;
}
.medio .nivel {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 20px;
  display: inline-block;
}
.medio .edad {
  font-weight: bold;
  display: inline-block;
}
.medio p {
  font-size: 16px;
  margin-top: 20px;
  min-height: 125px;
}
@media (max-width: 426px) {
  .medio p {
    min-height: 80px;
  }
}
.medio a {
  border-radius: 100px;
  padding: 12px 12px;
  display: inline-flex;
  align-items: center;
}
.medio .edad {
  color: #a9d883;
}
.medio a {
  background-color: #a9d883;
}

.kinder {
  background-color: #faf5f3;
  border: none;
  text-align: center;
  height: 100%;
}
.kinder img {
  width: 100%;
}
.kinder {
  border-radius: 43px;
}
.kinder .nivel {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 20px;
  display: inline-block;
}
.kinder .edad {
  font-weight: bold;
  display: inline-block;
}
.kinder p {
  font-size: 16px;
  margin-top: 20px;
  min-height: 125px;
}
@media (max-width: 426px) {
  .kinder p {
    min-height: 80px;
  }
}
.kinder a {
  border-radius: 100px;
  padding: 12px 12px;
  display: inline-flex;
  align-items: center;
}
.kinder .edad {
  color: #89c9de;
}
.kinder a {
  background-color: #89c9de;
}

.after {
  background-color: #faf5f3;
  border: none;
  text-align: center;
  height: 100%;
}
.after img {
  width: 100%;
}
.after {
  border-radius: 43px;
}
.after .nivel {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 20px;
  display: inline-block;
}
.after .edad {
  font-weight: bold;
  display: inline-block;
}
.after p {
  font-size: 16px;
  margin-top: 20px;
  min-height: 125px;
}
@media (max-width: 426px) {
  .after p {
    min-height: 80px;
  }
}
.after a {
  border-radius: 100px;
  padding: 12px 12px;
  display: inline-flex;
  align-items: center;
}
.after .edad {
  color: #edd378;
}
.after a {
  background-color: #edd378;
}

.edu {
  text-align: center;
  padding-top: 40px;
}
.edu img {
  width: 150px;
}
.edu .tittle {
  font-size: 20px;
  font-weight: bolder;
}
.edu .middle::before, .edu .middle::after {
  content: "•";
  font-size: 10px;
  line-height: 1;
  padding-left: 5px;
  padding-right: 5px;
}

.instalaciones img {
  border-radius: 30px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 426px) {
  .instalaciones img {
    aspect-ratio: 1/1;
    height: auto;
  }
}
.instalaciones .zepelin {
  width: 150px;
  border-radius: 0;
  height: auto;
  margin-left: auto;
  margin-bottom: -30px;
  z-index: 98;
  margin-right: -30px;
}
@media (max-width: 426px) {
  .instalaciones .zepelin {
    width: 150px;
    margin-right: 0px;
    border-radius: 0;
    aspect-ratio: 1/0;
  }
}

.call {
  background-color: #89c9de;
  border-radius: 50px;
  padding: 0px 20px;
  color: #ffffff;
}
.call span {
  font-size: 30px;
  font-weight: bolder;
}
.call p {
  margin-top: 30px;
  width: 75%;
}
@media (max-width: 769px) {
  .call p {
    width: 100%;
  }
}
.call .btn-visit {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.call .btn-visit:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.call .btn-visit {
  background-color: #edd378;
  border-radius: 30px;
  padding: 10px 25px;
}
.call .btn-whats {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.call .btn-whats:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.call .btn-whats {
  background-color: #25d366;
  border-radius: 30px;
  padding: 10px 25px;
}
.call img {
  margin-top: 30px;
}
@media (max-width: 426px) {
  .call {
    padding: 20px 20px;
  }
}

.mapa {
  margin-top: 100px;
  padding-top: 125px;
  padding-bottom: 100px;
  background-image: url("../img/background_ubicacion.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.mapa h6 {
  padding-left: 40px;
  margin-bottom: 20px;
}
.mapa span {
  border: 2px solid #edd378;
  border-radius: 100px;
  padding: 5px 30px;
  font-size: 20px;
  font-weight: bolder;
  display: inline-block;
}
.mapa ul {
  padding-left: 40px;
  margin-top: 20px;
}
.mapa li::marker {
  color: #edd378;
}
.mapa .btn-naranja {
  margin-left: 40px;
}
.mapa .map iframe {
  border: 10px solid white !important;
}

.fila {
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fila img {
  margin-right: 10px;
  width: 60px;
}

.offcard {
  background-color: #faf5f3;
  border: none;
  border-radius: 30px;
  padding: 50px 50px 0px 50px;
}
.offcard span {
  font-size: 30px;
  font-weight: 800;
}
.offcard .circulo {
  width: 75px;
  margin-top: -125px;
  margin-left: -50px;
}
.offcard .off-content {
  display: flex;
  flex-direction: row;
}
.offcard .off-content img {
  max-width: 400px;
  margin-top: -80px;
  margin-right: -50px;
  margin-bottom: -5px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
@media (max-width: 1025px) {
  .offcard .off-content img {
    max-width: 300px;
  }
}
@media (max-width: 769px) {
  .offcard .off-content img {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (max-width: 426px) {
  .offcard .off-content img {
    margin: 0;
    max-width: 300px;
  }
}
@media (max-width: 769px) {
  .offcard .off-content {
    flex-direction: column-reverse;
  }
}

.offcard2 {
  background-color: #faf5f3;
  border: none;
  border-radius: 30px;
  padding: 50px 50px 0px 50px;
}
.offcard2 span {
  font-size: 30px;
  font-weight: 800;
}
.offcard2 .circulo2 {
  text-align: end;
  width: 75px;
  margin-top: -125px;
  margin-right: -50px;
}
.offcard2 .off-content2 {
  display: flex;
  flex-direction: row;
}
.offcard2 .off-content2 img {
  max-width: 400px;
  margin-top: -80px;
  margin-left: -50px;
  margin-bottom: -5px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
@media (max-width: 1025px) {
  .offcard2 .off-content2 img {
    max-width: 300px;
  }
}
@media (max-width: 769px) {
  .offcard2 .off-content2 img {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (max-width: 426px) {
  .offcard2 .off-content2 img {
    margin: 0;
    max-width: 300px;
  }
}
@media (max-width: 769px) {
  .offcard2 .off-content2 {
    flex-direction: column-reverse;
  }
}

.valores {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 40px;
}
.valores img {
  margin: 0 auto;
  max-width: 105px;
}
.valores span {
  font-weight: 500;
}

.text-metod {
  color: #ffffff;
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 426px) {
  .text-metod {
    width: 90%;
  }
}

.carousel-rincones .carousel-indicators {
  margin-right: 0%;
  margin-left: 0%;
  position: relative;
}
@media (max-width: 769px) {
  .carousel-rincones .carousel-indicators {
    display: block;
  }
}
@media (max-width: 426px) {
  .carousel-rincones .carousel-indicators {
    margin: 10px;
  }
}
.carousel-rincones .carousel-indicators [data-bs-target] {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ffffff;
  font-weight: bold;
  border-top: none;
  border-bottom: none;
  height: auto;
  text-indent: 0;
  border-radius: 30px;
  background-clip: border-box;
  opacity: 1;
}
@media (max-width: 769px) {
  .carousel-rincones .carousel-indicators [data-bs-target] {
    margin-bottom: 10px;
  }
}
.carousel-rincones .lectura {
  background-color: #a9d883;
}
.carousel-rincones .ciencia {
  background-color: #89c9de;
}
.carousel-rincones .disfraces {
  background-color: #fea5a5;
}
.carousel-rincones .arte {
  background-color: #edd378;
}
.carousel-rincones .medio {
  background-color: #7C5BA6;
}

.rincon {
  background-color: #faf5f3 !important;
  border-radius: 30px;
  padding: 20px;
}
.rincon span {
  display: inline-block;
  font-weight: bold;
  font-size: 25px;
}
.rincon .lectura {
  background-color: #faf5f3;
  border-radius: 30px;
  padding: 30px;
}
.rincon .lectura img {
  width: 55px;
}
.rincon .lectura hr {
  margin: 0px 0px 10px 0px;
  width: 200px;
  border: 2px solid #a9d883;
  opacity: 1;
}
.rincon .ciencia {
  background-color: #faf5f3;
  border-radius: 30px;
  padding: 30px;
}
.rincon .ciencia img {
  width: 55px;
}
.rincon .ciencia hr {
  margin: 0px 0px 10px 0px;
  width: 200px;
  border: 2px solid #89c9de;
  opacity: 1;
}
.rincon .disfraces {
  background-color: #faf5f3;
  border-radius: 30px;
  padding: 30px;
}
.rincon .disfraces img {
  width: 55px;
}
.rincon .disfraces hr {
  margin: 0px 0px 10px 0px;
  width: 200px;
  border: 2px solid #fea5a5;
  opacity: 1;
}
.rincon .arte {
  background-color: #faf5f3;
  border-radius: 30px;
  padding: 30px;
}
.rincon .arte img {
  width: 55px;
}
.rincon .arte hr {
  margin: 0px 0px 10px 0px;
  width: 200px;
  border: 2px solid #edd378;
  opacity: 1;
}
.rincon .rmedio {
  background-color: #faf5f3;
  border-radius: 30px;
  padding: 30px;
}
.rincon .rmedio img {
  width: 55px;
}
.rincon .rmedio hr {
  margin: 0px 0px 10px 0px;
  width: 200px;
  border: 2px solid #7C5BA6;
  opacity: 1;
}
.rincon .img-fluid {
  margin-top: auto;
  margin-bottom: auto;
}

/*/////////////////////////MUNEDUC////////////////////////////*/
.mineduc {
  margin-top: 100px;
  padding-top: 125px;
  padding-bottom: 200px;
  background-image: url("../img/background_ubicacion.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.mineduc .zepelin {
  width: 180px;
  height: 150px;
  border-radius: 0;
  margin-left: auto;
  margin-top: -180px;
  z-index: 98;
}
@media (max-width: 426px) {
  .mineduc .zepelin {
    width: 150px;
    margin-right: 0px;
    border-radius: 0;
    aspect-ratio: 1/0;
  }
}
.mineduc .base {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 30px;
  height: 100%;
}
.mineduc .base span {
  display: inline-block;
  font-weight: 800;
  padding-bottom: 10px;
}
.mineduc .mineduc-logo {
  width: 150px;
  margin: 0 auto;
}

.razones {
  display: flex;
  flex-direction: column;
  padding: 10px 50px;
  border-radius: 30px;
  background-color: #faf5f3;
  height: 100%;
}
.razones span {
  font-weight: 800;
  font-size: 18px;
  margin: 20px 0px;
}
.razones img {
  width: 100px;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
}

.nivel-1 {
  background-color: #faf5f3;
  border: none;
  border-radius: 30px;
  padding: 60px;
}
.nivel-1 h2 {
  display: inline-flex;
}
.nivel-1 .icono-nivel {
  width: 120px;
  height: 120px;
  margin-top: -140px;
  margin-left: -60px;
}
.nivel-1 .subtitulo {
  font-size: 18px;
  font-weight: 800;
  display: inline-block;
}
.nivel-1 .edad {
  font-weight: 500;
  margin-left: 10px;
}
.nivel-1 .xp {
  font-size: 18px;
  font-weight: 800;
}
.nivel-1 ul {
  margin: 10px 0px;
  padding-left: 0;
  -moz-column-count: 2;
       column-count: 2;
}
.nivel-1 ul li {
  list-style-type: none;
  font-style: italic;
  list-style-position: inside;
  padding-left: 1em; /* Move the whole block right */
  text-indent: -1em; /* Pull only the first line back left */
}
.nivel-1 ul li::before {
  width: 10px;
  content: "●";
  margin-right: 7px;
}
@media (max-width: 426px) {
  .nivel-1 .icono-nivel {
    margin-left: -40px;
  }
  .nivel-1 {
    padding: 60px 40px;
  }
}
.nivel-1 ul li::before {
  color: #fea5a5;
}

.nivel-2 {
  background-color: #faf5f3;
  border: none;
  border-radius: 30px;
  padding: 60px;
}
.nivel-2 h2 {
  display: inline-flex;
}
.nivel-2 .icono-nivel {
  width: 120px;
  height: 120px;
  margin-top: -140px;
  margin-right: -60px;
}
.nivel-2 .subtitulo {
  font-size: 18px;
  font-weight: 800;
}
.nivel-2 .edad {
  font-weight: 500;
  margin-left: 10px;
}
.nivel-2 .xp {
  font-size: 18px;
  font-weight: 800;
}
.nivel-2 ul {
  margin: 10px 0px;
  padding-left: 0;
  -moz-column-count: 2;
       column-count: 2;
}
.nivel-2 ul li {
  list-style-type: none;
  font-style: italic;
  list-style-position: inside;
  padding-left: 1em; /* Move the whole block right */
  text-indent: -1em; /* Pull only the first line back left */
}
.nivel-2 ul li::before {
  width: 10px;
  content: "●";
  margin-right: 7px;
}
.nivel-2 ul li::before {
  color: #a9d883;
}

.nivel-3 {
  background-color: #faf5f3;
  border: none;
  border-radius: 30px;
  padding: 60px;
}
.nivel-3 h2 {
  display: inline-flex;
}
.nivel-3 .icono-nivel {
  width: 120px;
  height: 120px;
  margin-top: -140px;
  margin-left: -60px;
}
.nivel-3 .subtitulo {
  font-size: 18px;
  font-weight: 800;
  display: inline-block;
}
.nivel-3 .edad {
  font-weight: 500;
  margin-left: 10px;
}
.nivel-3 .xp {
  font-size: 18px;
  font-weight: 800;
}
.nivel-3 ul {
  margin: 10px 0px;
  padding-left: 0;
  -moz-column-count: 2;
       column-count: 2;
}
.nivel-3 ul li {
  list-style-type: none;
  font-style: italic;
  list-style-position: inside;
  padding-left: 1em; /* Move the whole block right */
  text-indent: -1em; /* Pull only the first line back left */
}
.nivel-3 ul li::before {
  width: 10px;
  content: "●";
  margin-right: 7px;
}
@media (max-width: 426px) {
  .nivel-3 .icono-nivel {
    margin-left: -40px;
  }
  .nivel-3 {
    padding: 60px 40px;
  }
}
.nivel-3 ul li::before {
  color: #89c9de;
}

.nivel-4 {
  background-color: #faf5f3;
  border: none;
  border-radius: 30px;
  padding: 60px;
}
.nivel-4 h2 {
  display: inline-flex;
}
.nivel-4 .icono-nivel {
  width: 120px;
  height: 120px;
  margin-top: -140px;
  margin-right: -60px;
}
.nivel-4 .subtitulo {
  font-size: 18px;
  font-weight: 800;
}
.nivel-4 .edad {
  font-weight: 500;
  margin-left: 10px;
}
.nivel-4 .xp {
  font-size: 18px;
  font-weight: 800;
}
.nivel-4 ul {
  margin: 10px 0px;
  padding-left: 0;
  -moz-column-count: 2;
       column-count: 2;
}
.nivel-4 ul li {
  list-style-type: none;
  font-style: italic;
  list-style-position: inside;
  padding-left: 1em; /* Move the whole block right */
  text-indent: -1em; /* Pull only the first line back left */
}
.nivel-4 ul li::before {
  width: 10px;
  content: "●";
  margin-right: 7px;
}
.nivel-4 ul li::before {
  color: #edd378;
}

.jornada {
  background-image: url("../img/niveles/background.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.jornada h3 {
  color: #ffffff;
}
@media (max-width: 426px) {
  .jornada {
    background-size: 1500px;
  }
}

.mm {
  background-color: #faf5f3;
  border-radius: 25px;
  margin: 0 1%;
  width: 18%;
}
.mm .top {
  border-radius: 25px 25px 0px 0px;
  padding: 8px 0px;
  font-size: 18px;
  font-weight: 800;
}
.mm .hour {
  font-size: 20px;
  font-weight: 800;
  margin: 30px 0px 0px 0px;
}
.mm .text {
  padding: 20px 20px;
}
@media (max-width: 1025px) {
  .mm {
    width: 25%;
    margin: 10px 1%;
  }
}
@media (max-width: 769px) {
  .mm {
    width: 45%;
    margin: 10px 1%;
  }
}
@media (max-width: 426px) {
  .mm {
    width: 90%;
    margin: 10px 0;
  }
}
.mm .top {
  background-color: #fea5a5;
}

.mt {
  background-color: #faf5f3;
  border-radius: 25px;
  margin: 0 1%;
  width: 18%;
}
.mt .top {
  border-radius: 25px 25px 0px 0px;
  padding: 8px 0px;
  font-size: 18px;
  font-weight: 800;
}
.mt .hour {
  font-size: 20px;
  font-weight: 800;
  margin: 30px 0px 0px 0px;
}
.mt .text {
  padding: 20px 20px;
}
@media (max-width: 1025px) {
  .mt {
    width: 25%;
    margin: 10px 1%;
  }
}
@media (max-width: 769px) {
  .mt {
    width: 45%;
    margin: 10px 1%;
  }
}
@media (max-width: 426px) {
  .mt {
    width: 90%;
    margin: 10px 0;
  }
}
.mt .top {
  background-color: #89c9de;
}

.je {
  background-color: #faf5f3;
  border-radius: 25px;
  margin: 0 1%;
  width: 18%;
}
.je .top {
  border-radius: 25px 25px 0px 0px;
  padding: 8px 0px;
  font-size: 18px;
  font-weight: 800;
}
.je .hour {
  font-size: 20px;
  font-weight: 800;
  margin: 30px 0px 0px 0px;
}
.je .text {
  padding: 20px 20px;
}
@media (max-width: 1025px) {
  .je {
    width: 25%;
    margin: 10px 1%;
  }
}
@media (max-width: 769px) {
  .je {
    width: 45%;
    margin: 10px 1%;
  }
}
@media (max-width: 426px) {
  .je {
    width: 90%;
    margin: 10px 0;
  }
}
.je .top {
  background-color: #edd378;
}

.jc {
  background-color: #faf5f3;
  border-radius: 25px;
  margin: 0 1%;
  width: 18%;
}
.jc .top {
  border-radius: 25px 25px 0px 0px;
  padding: 8px 0px;
  font-size: 18px;
  font-weight: 800;
}
.jc .hour {
  font-size: 20px;
  font-weight: 800;
  margin: 30px 0px 0px 0px;
}
.jc .text {
  padding: 20px 20px;
}
@media (max-width: 1025px) {
  .jc {
    width: 25%;
    margin: 10px 1%;
  }
}
@media (max-width: 769px) {
  .jc {
    width: 45%;
    margin: 10px 1%;
  }
}
@media (max-width: 426px) {
  .jc {
    width: 90%;
    margin: 10px 0;
  }
}
.jc .top {
  background-color: #efa5fe;
}

.af {
  background-color: #faf5f3;
  border-radius: 25px;
  margin: 0 1%;
  width: 18%;
}
.af .top {
  border-radius: 25px 25px 0px 0px;
  padding: 8px 0px;
  font-size: 18px;
  font-weight: 800;
}
.af .hour {
  font-size: 20px;
  font-weight: 800;
  margin: 30px 0px 0px 0px;
}
.af .text {
  padding: 20px 20px;
}
@media (max-width: 1025px) {
  .af {
    width: 25%;
    margin: 10px 1%;
  }
}
@media (max-width: 769px) {
  .af {
    width: 45%;
    margin: 10px 1%;
  }
}
@media (max-width: 426px) {
  .af {
    width: 90%;
    margin: 10px 0;
  }
}
.af .top {
  background-color: #fea5a5;
}

.bajada {
  color: #ffffff;
  font-weight: 500;
  padding-bottom: 100px;
  padding-top: 60px;
}

.call-2 {
  background-color: #fea5a5;
  border-radius: 50px;
  padding: 0px 20px;
  color: #ffffff;
}
.call-2 span {
  font-size: 30px;
  font-weight: bolder;
}
.call-2 p {
  margin-top: 30px;
  width: 75%;
}
@media (max-width: 426px) {
  .call-2 p {
    width: 100%;
  }
}
.call-2 .btn-visit {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.call-2 .btn-visit:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.call-2 .btn-visit {
  background-color: #edd378;
  border-radius: 30px;
  padding: 10px 25px;
}
.call-2 .btn-whats {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.call-2 .btn-whats:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.call-2 .btn-whats {
  background-color: #25d366;
  border-radius: 30px;
  padding: 10px 25px;
}
.call-2 img {
  margin-top: 30px;
}
@media (max-width: 426px) {
  .call-2 {
    padding: 20px 20px;
  }
}

.horario .mm,
.horario .mt,
.horario .je,
.horario .jc,
.horario .af {
  height: 100%;
  width: 100%;
}

.banner-ins {
  background-image: url("../img/instalaciones/header-3.webp");
  min-height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff !important;
}
.banner-ins .banner-text {
  margin-top: 100px;
}
.banner-ins .banner-text span {
  font-size: 17px;
  font-weight: 400;
}
.banner-ins .btn-whats {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.banner-ins .btn-whats:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.banner-ins .btn-whats {
  background-color: #25d366;
  padding: 10px 20px;
}
.banner-ins .btn-visita {
  color: #ffffff;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 800;
  transition: transform 0.2s;
}
.banner-ins .btn-visita:hover { /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.05);
}
.banner-ins .btn-visita {
  background-color: #fea5a5;
  padding: 10px 100px;
}
@media (max-width: 769px) {
  .banner-ins .btn-visita {
    padding: 10px 30px;
  }
}

.instalaciones2 img {
  border-radius: 30px;
  aspect-ratio: 1.1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 426px) {
  .instalaciones2 img {
    aspect-ratio: 1/1;
    height: auto;
  }
}
@media (min-width: 769px) {
  .instalaciones2 img {
    transition: transform 0.5s;
  }
  .instalaciones2 img:hover { /* IE 9 */ /* Safari 3-8 */
    transform: scale(2);
  }
}

.contact-banner {
  background-color: #fea5a5;
  color: #ffffff;
  padding-top: 200px;
  padding-bottom: 100px;
}

form input {
  width: 100%;
  border-radius: 8px;
  border: 1px solid gray;
  padding: 5px 10px;
}
form select {
  border-radius: 8px;
  padding: 5px 10px;
  width: 300px;
  outline: none;
}
form textarea {
  width: 100%;
  border-radius: 8px;
  padding: 5px 10px;
}
form button {
  margin: 0 auto;
  width: 200px;
  background-color: #fea5a5;
  border-radius: 1000px;
  padding: 10px 30px;
  color: #ffffff;
  border: none;
  transition: transform 0.2s;
}
form button:hover {
  background-color: #ff9797; /* IE 9 */ /* Safari 3-8 */
  transform: scale(1.01);
}/*# sourceMappingURL=style.css.map */